#{extends 'master.html' /}
#{set 'title'}
&{'Secure.registration.title'}
#{/set}
<div class="page-block">
    <h2>&{'Secure.registration.header'}</h2>
    #{ifErrors}
    <h3>&{'Secure.registration.errorHeader'}</h3>
    #{/ifErrors}
    #{form @register()}
    <div class="form">
        <fieldset>

            <p id="username-field">
                <label for="email">&{'secure.username'}</label>
                <input type="text" name="email" id="email" value="${flash.email}"/>
                #{error 'email' /}
            </p>

            <p id="password-field">
                <label for="password">&{'secure.password'}</label>
                <input type="password" name="password" id="password" value="${flash.password}"/>
                #{error 'password' /}
            </p>


        </fieldset>
    </div>
    <div class="bottom-button">
        <input type="submit" value="&{'secure.register'}" name="register"/>
    </div>
    #{/form}
</div>